<!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}">
  <head>
    <meta charset="UTF-8">

{% seo %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#157878">
    {% feed_meta %}
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
    {% if site.google_analytics %}
    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '{{ site.google_analytics }}');
    </script>
    {% endif %}
  </head>
  <style>
    @media screen and (min-width:1280px){
        .nav {
          max-width: 25%;
          float: right;
        }
        .main-content {float: left;}
    }
    .avatar {
      dipslay:table-cell;
      vertical-align:middle;
    }
  </style>
  <body>
    <section class="page-header">
      <h1 class="project-name">
        {% if site.jekyll_avatar.enable %}
        {% avatar {{ site.jekyll_avatar.avatar }} size={{ site.jekyll_avatar.size }} %}
        {% endif %}
        {{ site.title | default: site.github.repository_name }}
      </h1>
      <h2 class="project-tagline">
        {{ site.description | default: site.github.project_tagline }}
        <a href="/atom.xml">
          <img src="">
        </a>
      </h2>
    </section>

    <div class="warpper">
    <section class="main-content">
      {{ content }}
        <footer class="site-footer">
            <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</span>
        </footer>
    </section>
    <div class="nav">
        <ul id="recent_posts">
            {% for post in site.posts %}
            <li class="post">
                <a href="{{ root_url }}{{ post.url }}">{{ post.date | date: "%Y-%m-%d" }} {{ post.title }}</a>
            </li>
            {% endfor %}
        </ul>
    </div>
    </div>
  </body>
</html>
